<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Dropdown Menu 09</title>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Work+Sans&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <header>
            <div class="navigation__group">
                <img class="icon" src="assets/message.svg" alt="Message">
                <img class="icon" src="assets/notification.svg" alt="Notification">
                <img class="profile" src="assets/natalia.jpg" alt="Natalia">
            </div>
            <div class="dropdown__wrapper hide dropdown__wrapper--fade-in none">
                <nav>
                    <ul>
                        <li>
                            <!-- svg -->
                            My Profile
                        </li>
                        <!-- more items -->
                    </ul>
                    <hr class="divider">
                    <!-- more list -->
                    <hr class="divider">
                    <div class="switch__account">
                        <h2>
                            Switch Account
                        </h2>
                        <ul>
                            <li class="active">
                                <img src="assets/natalia.jpg" alt="Natalia"> <div class="user">
                                    <div class="name">Natalia Taylor</div>
                                    <div class="email">natalia@example.com</div>
                                </div>
                                <div class="marker">
                                </div>
                            </li>
                            <!-- more accounts -->
                        </ul>
                        <button class="sign-out-all">
                            <!-- svg -->
                            Sign out all accounts
                        </button>
                    </div>
                </nav>
            </div>
        </header>
        <script src="script.js"></script>
    </body>
</html>



